<div class="sidebar-inner c-overflow">    
    <div class="profile-menu">
        <a href="" toggle-submenu>
            <div class="profile-pic">
                <img src="img/profile-pics/1.jpg" alt="">
            </div>

            <div class="profile-info">
                admin

                <i class="zmdi zmdi-caret-down"></i>
            </div>
        </a>

        <ul class="main-menu">
            <li>
                <a data-ui-sref="pages.profile.profile-about" data-ng-click="mactrl.sidebarStat($event)"><i class="zmdi zmdi-account"></i> View Profile</a>
            </li>
            <li>
                <a href=""><i class="zmdi zmdi-input-antenna"></i> Privacy Settings</a>
            </li>
            <li>
                <a href=""><i class="zmdi zmdi-settings"></i> Settings</a>
            </li>
            <li>
                <a href=""><i class="zmdi zmdi-time-restore"></i> Logout</a>
            </li>
        </ul>
    </div>

    <ul class="main-menu" data-ng-controller="sidebarCtrl as sCtrl">

        <li ng-repeat="menu in sCtrl.sideMenus" data-ui-sref-active="active" data-ng-class="{ 'active toggled': mactrl.$state.includes({{menu.name}}) }">
            <a data-ui-sref="{{menu.sref}}"><i class="zmdi {{menu.icon}}"></i>{{menu.name | translate}}</a>
        </li>

    </ul>
</div>
